<html id="ajaxEcho" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:body>
	<ui:composition template="/template/template.xhtml">
	
		<h1 class="ui-widget" ><h:outputText value="#{msg['titulo.gestaoProfissional']}" /></h1>

		<ui:define name="corpo">
			<h:panelGroup id="experienciasProfissionais">
				<p:panel header="Busca">
					<h:form id="formBusca">
						<p:outputPanel>
							<h:outputText value="Login: " />
							<p:inputText value="#{usuarioController.palavraChave}"
								style="width:150px" placeholder="Palavra-chave" />
							<p:commandButton id="adicionar"
								value="Buscar"
								actionListener="#{usuarioController.listarPorNome()}"
								process="@form" ajax="true" update=":formUsuarios"
								icon="ui-icon-circle-zoomin" />
						</p:outputPanel>
					</h:form>
				</p:panel>
			</h:panelGroup>
			<br/>
			<h:form id="formUsuarios">
				<p:growl />
				<p:dataTable id="tbl" var="usuario"
					value="#{usuarioController.usuarios}" widgetVar="table" rows="10"
					paginator="true"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="[ Exibindo de {startRecord} a {endRecord} no total de {totalRecords}  
                                                           - Página: {currentPage}/{totalPages} ]"
					rowsPerPageTemplate="5,10,15">

					<f:facet name="header">
						<h:outputText value="#{msg['usuario.usuariosCadastrados']}" />
						<p:commandButton id="toggler" type="button"
							value="#{msg['titulo.colunas']}" style="float:right"
							icon="ui-icon-calculator" />
						<p:columnToggler datasource="tbl" trigger="toggler" />
					</f:facet>

					<p:column headerText="#{msg['usuario.login']}"
						sortBy="#{usuario.login}">
						<h:outputText value="#{usuario.login}" />
					</p:column>

					<p:column headerText="#{msg['usuario.nome.usuario']}" width="300">
						<h:outputText value="#{usuario.nomeUsuario}" />
					</p:column>

					<p:column headerText="#{msg['usuario.habilitado']}" width="60">
						<h:outputText value="#{usuario.habilitadoFormatado}" />
					</p:column>

					<p:column headerText="#{msg['titulo.listar.acao']}" width="72"
						exportable="false">
						<p:commandLink action="#{usuarioController.excluir(usuario)}"
							update=":formUsuarios">
							<p:graphicImage url="/img/delete.png" width="24" height="24" />
							<p:confirm header="Confirmation"
								message="#{msg['usuario.excluir.confirmacao']}"
								icon="ui-icon-alert" />
						</p:commandLink>
						<p:confirmDialog global="true" showEffect="fade"
							hideEffect="explode">
							<p:commandButton value="#{msg['botao.sim']}" type="button"
								styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
							<p:commandButton value="#{msg['botao.nao']}" type="button"
								styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
						</p:confirmDialog>
						<p:commandLink action="/paginas/usuario/alterar">
							<p:graphicImage url="/img/edit.png" width="24" height="24" />
							<f:param name="idUsuario" value="#{usuario.id}" />
						</p:commandLink>

						<p:commandLink action="/paginas/usuario/detalhar">
							<p:graphicImage url="/img/find.png" width="24" height="24" />
							<f:param name="idUsuario" value="#{usuario.id}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>
				<br />
				<div align="right">
					<p:commandButton id="adicionar"
						value="#{msg['usuario.adicionarUsuario']}"
						action="/paginas/usuario/adicionar" ajax="false"
						icon="ui-icon-plus" />
				</div>
					<h3 class="ui-widget"><h:outputText value="#{msg['pessoa.listar.exportarDados']}" /></h3>
    <h:commandLink>
        <p:graphicImage url="/img/excel.png" />
        <p:dataExporter type="xls" target="tbl" fileName="usuarios" pageOnly="true"/>
    </h:commandLink>
 
    <h:commandLink>
        <p:graphicImage url="/img/pdf.png" />
        <p:dataExporter type="pdf" target="tbl" fileName="usuarios" pageOnly="true" />
    </h:commandLink>
 
    <h:commandLink>
        <p:graphicImage url="/img/csv.png" />
        <p:dataExporter type="csv" target="tbl" fileName="usuarios" pageOnly="true" />
    </h:commandLink>
 
    <h:commandLink>
        <p:graphicImage url="/img/xml.png" />
        <p:dataExporter type="xml" target="tbl" fileName="usuarios" pageOnly="true" />
    </h:commandLink>
				
			</h:form>
		</ui:define>
	</ui:composition>
	</h:body>
</html>